<template>
  <div class="home">
    <div class="main-container">
      <div class="carouselh" id="carousel_yl">
        <div class="carouselh-body">
          <ul>
            <li class="newcenter" style="height: 450px">
              <div class="banner-title-center"></div>
            </li>
          </ul>
        </div>
        <div class="hd">
          <ul></ul>
        </div>
      </div>
      <div class="wrap">
        <div class="lmswp">
          <p class="lmsyybt">无忧仓储是什么</p>
          <div style="text-align: center">
            <p style="font-size: xx-large;margin: 50px 0">
              无忧仓储是为B2B企业发送样品的海外仓
            </p>
          </div>
        </div>
        <div class="lmswp">
          <img
            src="https://www.waimaowuyou.com/images/storehouse/pain_point.jpg"
            alt=""
            style="width: 100%"
          />
        </div>

        <div class="lmswp">
          <p class="lmsyybt">无忧仓储与一般海外仓的区别</p>
          <img
            src="https://www.waimaowuyou.com/images/storehouse/vs.jpg"
            alt=""
            style="width: 100%"
          />
        </div>

        <div class="lmsdabg2">
          <div class="lmswp">
            <p class="lmsp1">无忧仓储的分布</p>
            <p class="lmsp2">
              北美洲（美国、加拿大）、欧洲（英国、德国、西班牙、捷克、比利时、波兰)
              、澳洲(墨尔本、悉尼)
            </p>
          </div>
        </div>
        <div class="lmswp">
          <p class="lmsyybt">无忧仓储有哪些好处？</p>
          <div style="text-align: center">
            <img
              src="https://www.waimaowuyou.com/images/storehouse/benefit.jpg"
              alt=""
              style="width: 100%"
            />
          </div>
        </div>
        <div style="text-align: center;padding: 50px">
          <a-button type="primary" size="large" class="btn btn-warning"
            ><router-link to="/register">注册</router-link></a-button
          >
          <a-button type="primary" size="large" class="btn"
            ><router-link to="/login">登录</router-link></a-button
          >
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Home"
};
</script>

<style lang="scss">
.home {
  margin: 0 -50px;
  min-height: 720px;
  background: #fff;
}
.btn {
  margin: 15px;
}
.carouselh {
  margin-top: 2px;
}
.ant-btn.ant-btn-lg {
  padding: 30px 80px;
  font-size: 36px;
  height: 115px;
}
.ant-btn.btn-warning {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ant-btn.btn-warning:hover {
  background-color: #ec971f;
  border-color: #d58512;
}
.carouselh-body ul {
  padding: 0;
  list-style: none;
}
.newcenter {
  width: 100%;
  background: url("https://www.waimaowuyou.com/images/multi/xyzbanner.jpg")
    no-repeat;
  background-size: 100% auto;
  text-align: center;
}

.lmswp {
  width: 1200px;
  margin: auto;
}
.lmsyybt {
  text-align: center;
  font-size: 24px;
  padding-bottom: 16px;
  background: url(https://www.waimaowuyou.com/images/multi/lmsbtbg.jpg)
    no-repeat center bottom;
  padding-top: 98px;
}

.lmsp1 {
  text-align: center;
  color: #fff;
  font-size: 48px;
}

.lmsp2 {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 18px;
}

.lmsdabg2 {
  padding-top: 71px;
  padding-bottom: 38px;
  background: url(https://www.waimaowuyou.com/images/multi/lmsdabg2.jpg)
    no-repeat center top;
  margin-top: 95px;
  background-size: 100%;
  height: 800px;
}

@media screen and (min-width: 1120px) {
  .lmswp {
    width: 1100px;
    margin: auto;
  }
}

.main8 .int1 {
  background: none;
}
</style>
